import * as React from "react";
import { Image, StyleSheet, Text, View } from "react-native";
import app from "../utils/util";
import LinearGradient from "react-native-linear-gradient";

export default class my extends React.Component{
  render() {
    return (
      <View style={styles.box}>
        <LinearGradient colors={["#FF7911","#FFBA31"]} style={styles.box_title} start={{ x : 0.0, y : 1 }} end={{ x : 1, y : 0.0}}>
          <View style={{width:'100%', height:'100%',justifyContent:'center'}}>
            <Text style={{fontSize:25,color:'#fff',fontWeight:'bold',marginLeft:20}}>我的</Text>
            <View style={{marginLeft:20,marginTop:50,flexDirection:'row'}}>
              <Image style={{width:60,height:60,borderWidth:1,borderColor:'#fff',borderRadius:50}} source={{uri:'https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg'}}/>
              <Text style={{marginLeft:10,color:'#fff',fontSize:18}}>大白</Text>

            </View>

          </View>
        </LinearGradient>
        <View style={styles.box_content}>

        </View>
      </View>
    );
  }
}
const styles = StyleSheet.create({
  box: {
    width: app.w,
    height: app.h,
    backgroundColor: "#fff",
  },
  box_title:{
    marginBottom: -20,
    flex:1,
    width: app.w,
    borderBottomLeftRadius:100
  },
  box_content: {
    flex:2
  }

});
